<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <link rel="stylesheet" data-th-replace="~{public::layui}">
    <style>
        .layui-form .btns {
            text-align: center;
        }
        body {
            padding-top: 20px;
            padding-right: 10px;
        }
    </style>
</head>
<body>
    <form class="layui-form" >
        <div class="layui-form-item">
            <div class="layui-form-label">账号:</div>
            <div class="layui-input-inline">
                <input type="text" class="layui-input" name="userName" lay-verify="required" lay-reqText="账号不能为空" >
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-form-label">密码:</div>
            <div class="layui-input-inline">
                <input type="password" class="layui-input" name="userPassword" lay-verify="required" lay-reqText="密码不能为空">
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-form-label">email:</div>
            <div class="layui-input-inline">
                <input type="text" class="layui-input" name="email" lay-verify="required" lay-reqText="邮件不能为空">
            </div>
        </div>
        <div class="layui-form-item btns">
            <button class="layui-btn-normal layui-btn "  lay-submit lay-filter="add-form"><i class="layui-icon layui-icon-addition"></i>注册账号</button>
        </div>
    </form>
    <script data-th-replace="~{public::js('account','账号','add')}"></script>
</body>
</html>